{% block titlet %}
<!doctype html>
{% endblock %}
<html xmlns="http://www.w3.org/1999/xhtml>
<head>
    <title>Home</title>
    {% block titlemeta %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Play-Offs Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() {setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!meta charset utf="8">
    {% endblock %}
    {% block stylesheet %}
    <!--flexslider-css加载css和js-->
    <link href="{{ url_for('static', filename='css/flexslider.css') }}" rel='stylesheet' type='text/css' />
    <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ url_for('static', filename='css/mainstyle.css') }}" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ url_for('static', filename='js/move-top.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/easing.js') }}"></script>
    <script src="{{ url_for('static', filename='js/modernizr.custom.js') }}"></script>
    <script src="{{ url_for('static', filename='js/jquery-2.2.1.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},900);
            });
        });
    </script>
    <!--fonts-->
    {% endblock %}
</head>
<body>
    {% block header %}
    <div class="header" id="home">
        <!--navbar开始 标题菜单开始-->
        <nav class="navbar navbar-default">
        <!--container开始-->
        <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <!--navbar-header开始-->
        <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">{{ HomePageInfo.getValue("name") }}</a>
        </div>
        <!--navbar-header结束-->
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <!--标题菜单开始-->
        <ul class="nav navbar-nav navbar-right margin-top cl-effect-2">
            {% for menu in HomeMenu.query.all() %}
            {% if menu.name == '关于' %}
            <li class="dropdown">
                <a href="about.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span data-hover={{ menu.name }}>{{ menu.name }}</span><span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="about.html"><span data-hover="关于">关于</span></a></li>
                    <li><a href="Pages.html"><span data-hover="声明">声明</span></a></li>
                </ul>
	    </li>
            {% elif menu.name == '画廊' %}
                <li><a href="gallery"><span data-hover={{ menu.name }}>{{ menu.name }}</span></a></li>
            {% elif menu.name == '联系我' %}
                <li><a href="contact"><span data-hover={{ menu.name }}>{{ menu.name }}</span></a></li>
            {% elif menu.name == '首页' %}
                <li><a href=""><span data-hover={{ menu.name }}>{{ menu.name }}</span></a></li>
            {% elif menu.name == '博客' %}
                <li><a href="blog"><span data-hover={{ menu.name }}>{{ menu.name }}</span></a></li>
            {% endif %}
            {% endfor %}
        </ul>
        <!--标题菜单结束-->

        <div class="clearfix"></div>
        </div>
        <!-- navbar-collapse结束 -->
        <div class="clearfix"></div>
        </div>
        <!-- container结束 -->
        </nav>
        <!--nav结束  标题菜单结束-->
        </div>
        {% endblock %}
        {% block content %}
        <!--中间文字介绍部分开始-->
        <div class="header-banner">
        <!-- Top Navigation -->
        <div class="container page-seperator">
            <section class="color bgi">
            <h3>{{ HomePageInfo.getValue('firstOne') }}</h3>
            <p>{{ HomePageInfo.getValue('firstTwo') }}</p>
            <button type="button" class="btn btn-warning but1">{{ HomePageInfo.getValue('buttonText') }}</button>
            </section>
            <section class="col-3 ss-style-doublediagonal our-features">
            <h1>{{ HomePageInfo.getValue('favor') }}</h1>
            <p>{{ HomePageInfo.getValue('favordoc') }}</p>
            <div class="column our-feat">
            <span class="glyphicon glyphicon-road our-icons" aria-hidden="true"></span>
            <h3>{{ HomePageInfo.getValue('favorOne') }}</h3>
            <p>{{ HomePageInfo.getValue('favorOneDoc') }}</p>
            </div>
            <div class="column our-feat">
            <span class="glyphicon glyphicon-phone our-icons" aria-hidden="true"></span>
            <h3>{{ HomePageInfo.getValue('favorTwo') }}</h3>
            <p>{{ HomePageInfo.getValue('favorTwoDoc') }}</p>
            </div>
            <div class="column our-feat">
            <span class="glyphicon glyphicon-scale our-icons" aria-hidden="true"></span>
            <h3>{{ HomePageInfo.getValue('favorThree') }}</h3>
            <p>{{ HomePageInfo.getValue('favorThreeDoc') }}</p>
            </div>
            <div class="clearfix"></div>
            </section>
        </div>
        </div>
        <!--中间文字部分结束-->
        
        <!--开始startwork-->
        <div class="our-work" id="our-work">
        <div class="container">
        <h2>{{ HomePageInfo.getValue('myworkname') }}</h2>
        <p>{{ HomePageInfo.getValue('myworkdoc') }}</p>
        <div class="gallery-bottom">
        <div class="col-md-4 bottom-gallery">
        <a href="{{ url_for('static', filename='images/IMG_3.jpg') }}" rel="title" class="b-link-stripe b-animate-go  thickbox">
        <img class="img-responsive" src="{{ url_for('static', filename='images/IMG_3.jpg') }}" />
        <div class="b-wrapper">
        <h3 class="b-animate b-from-left    b-delay03 ">
        <span class="txt">{{ HomePageInfo.getValue('mywork1') }}</span>
        <span class="glyphicon glyphicon-arrow-right gal-icn" aria-hidden="true"></span>
        </h3>
        </div>
        </a>
        </div>
        <div class="col-md-4 bottom-gallery">
        <a href="{{ url_for('static', filename='images/IMG_1.jpg') }}" rel="title" class="b-link-stripe b-animate-go  thickbox">
        <img class="img-responsive" src="{{ url_for('static', filename='images/IMG_1.jpg') }}" />
        <div class="b-wrapper">
        <h3 class="b-animate b-from-left    b-delay03 ">
        <span class="txt">{{ HomePageInfo.getValue('mywork2') }}</span>
        <span class="glyphicon glyphicon-arrow-right gal-icn" aria-hidden="true"></span>
        </h3>
        </div>
        </a>
        </div>
        <div class="col-md-4 bottom-gallery">
        <a href="{{ url_for('static', filename='images/IMG_5.jpg') }}" rel="title" class="b-link-stripe b-animate-go  thickbox">
        <img class="img-responsive" src="{{ url_for('static', filename='images/IMG_5.jpg') }}" />
        <div class="b-wrapper">
        <h3 class="b-animate b-from-left    b-delay03 ">
        <span class="txt">{{ HomePageInfo.getValue('mywork3') }}</span>
        <span class="glyphicon glyphicon-arrow-right gal-icn" aria-hidden="true"></span>
        </h3>
        </div>
        </a>
        </div>
        <div class="col-md-4 bottom-gallery">
        <a href="{{ url_for('static', filename='images/IMG_2.jpg') }}" rel="title" class="b-link-stripe b-animate-go  thickbox">
        <img class="img-responsive" src="{{ url_for('static', filename='images/IMG_2.jpg') }}" />
        <div class="b-wrapper">
        <h3 class="b-animate b-from-left    b-delay03 ">
        <span class="txt">{{ HomePageInfo.getValue('mywork4') }}</span>
        <span class="glyphicon glyphicon-arrow-right gal-icn" aria-hidden="true"></span>
        </h3>
        </div>
        </a>
        </div>
        <div class="col-md-4 bottom-gallery">
        <a href="{{ url_for('static', filename='images/IMG_4.jpg') }}" rel="title" class="b-link-stripe b-animate-go  thickbox">
        <img class="img-responsive" src="{{ url_for('static', filename='images/IMG_4.jpg') }}" />
        <div class="b-wrapper">
        <h3 class="b-animate b-from-left    b-delay03 ">
        <span class="txt">{{ HomePageInfo.getValue('mywork5') }}</span>
        <span class="glyphicon glyphicon-arrow-right gal-icn" aria-hidden="true"></span>
        </h3>
        </div>
        </a>
        </div>
        <div class="col-md-4 bottom-gallery">
        <a href="{{ url_for('static', filename='images/IMG_6.jpg') }}" rel="title" class="b-link-stripe b-animate-go  thickbox">
        <img class="img-responsive" src="{{ url_for('static', filename='images/IMG_6.jpg') }}" />
        <div class="b-wrapper">
        <h3 class="b-animate b-from-left    b-delay03 ">
        <span class="txt">{{ HomePageInfo.getValue('mywork6') }}</span>
        <span class="glyphicon glyphicon-arrow-right gal-icn" aria-hidden="true"></span>
        </h3>
        </div>
        </a>
        </div>
        <div class="clearfix"></div>
        <script src="{{ url_for('static', filename='js/jquery.chocolat.js') }}"></script>
        <link rel="stylesheet" href="{{ url_for('static', filename='css/chocolat.css') }}" type="text/css" media="screen" charset="utf-8">
        <!--light-box-files -->
        <script type="text/javascript" charset="utf-8">
        $(function() {
        $('.bottom-gallery a').Chocolat();
        });
        </script>
        </div>

        <!--开始testimonials-->
        <div class="testimonials">
        <h3>{{ HomePageInfo.getValue('mycomment') }}</h3>
        <p>{{ HomePageInfo.getValue('mycommentdoc') }}</p>
        <div class="test-box">
        <q>{{ HomePageInfo.getValue('content') }}</q>
        <a href="#" class="left">--{{ HomePageInfo.getValue('contentauthor') }}</a>
        <div class="clearfix"></div>
        <span><img src="{{ url_for('static', filename='images/half-arrow.png') }}"></span>
        </div>
        </div>
        </div>
        </div>

        <!--图片自动切换效果-->
        <section class="slider">
        <div class="container">
        <div class="flexslider">
        <ul class="slides">
        <li>
        <div class="banner-info">
        <h3>{{ HomePageInfo.getValue('tiponename') }}</h3>
        <h4><span class="m_2">"</span>{{ HomePageInfo.getValue('tiponeintro') }}<span class="m_2"> "</span></h4>
        <p>{{ HomePageInfo.getValue('tiponecontent') }}</p>	
        <h5><a href="#">{{ HomePageInfo.getValue('tiponeauthor') }} ,</a>{{ HomePageInfo.getValue('tiponedate') }}</h5>
        </div>
        </li>
        <li>
        <div class="banner-info">
        <h3>{{ HomePageInfo.getValue('tiptwoname') }}</h3>
        <h4><span class="m_2">"</span>{{ HomePageInfo.getValue('tiptwointro') }}<span class="m_2"> "</span></h4>
        <p>{{ HomePageInfo.getValue('tiptwocontent') }}</p>	
        <h5><a href="#">{{ HomePageInfo.getValue('tiptwoauthor') }} ,</a>{{ HomePageInfo.getValue('tiptwodate') }}</h5>
        </div>
        </li>
        <li>
        <div class="banner-info">
        <h3>{{ HomePageInfo.getValue('tipthreename') }}</h3>
        <h4><span class="m_2">"</span>{{ HomePageInfo.getValue('tiponeintro') }}<span class="m_2"> "</span></h4>
        <p>{{ HomePageInfo.getValue('tipthreecontent') }}</p>	
        <h5><a href="#">{{ HomePageInfo.getValue('tipthreeauthor') }} ,</a>{{ HomePageInfo.getValue('tipthreedate') }}</h5>
        </div>
        </li>
        </ul>
        </div>
        </div>
        <!-- FlexSlider -->
        <script defer src="{{ url_for('static', filename='js/jquery.flexslider.js') }}"></script>
        <script type="text/javascript">
        $(function(){
        SyntaxHighlighter.all();
        });
        $(window).load(function(){
        $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
        $('body').removeClass('loading');
        }
        });
        });
        </script>
        <!-- FlexSlider -->
        </section>
        <!--图片自动切换效果结束-->
        
        <!--邮箱表单开始-->
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
        <div class="subscribe-label">
        <div class="container">
        <div class="sub-cont">
        <div class="col-md-6">
        <h3>{{ HomePageInfo.getValue('record') }}</h3>
        </div>
        <div class="col-md-6">
        <form>
        <input class="mail" type="text" name="email" value="E mail" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'E mail';}">
        <button type="button" class="btn btn-warning sub-btn">Notify</button>
        </form>
        </div>
        <div class="clearfix"></div>
        </div>
        </div>
        </div>
        <!--邮箱表单结束-->

        <!--点击切换-->
        <div class="social-feeds">
        <div class="container">
        <div class="wmuSlider example1 section" id="section-1">
        <article style="position: absolute; width: 100%; opacity: 0;"> 
        <div class="bottom-slide">
        <img src="{{ url_for('static', filename='images/twitter.png') }}" alt="" />
        <p>{{ HomePageInfo.getValue('footeronecontent') }}</p>
        </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;"> 
        <div class="bottom-slide">
        <img src="{{ url_for('static', filename='images/twitter.png') }}" alt="" />
        <p>{{ HomePageInfo.getValue('footertwocontent') }}</p>
        </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;"> 
        <div class="bottom-slide">
        <img src="{{ url_for('static', filename='images/twitter.png') }}" alt="" />
        <p>{{ HomePageInfo.getValue('footerthreecontent') }}</p>
        </div>
        </article>
        <ul class="wmuSliderPagination">
        <li><a href="#" class="">0</a></li>
        <li><a href="#" class="">1</a></li>
        <li><a href="#" class="">2</a></li>
        </ul>
        </div>		
        <!-- script -->
        <script src="{{ url_for('static', filename='js/jquery.wmuSlider.js') }}"></script> 
        <script>
        $('.example1').wmuSlider();         
        </script>
        <!-- script -->
        </div>
        </div>
        {% endblock %}
        <!--手动切换图片结束-->
        <!--网页footer开始-->
        {% block footer %}
        <div class="footer">
        <div class="container">
        <div class="social">
        <ul>
        <li><a href="#" class="face"></a></li>
        <li><a href="#" class="twit"></a></li>
        <li><a href="#" class="insta"></a></li>
        <li><a href="#" class="gplus"></a></li>
        <li><a href="#" class="dribl"></a></li>
        </ul>
        </div>
        <div class="copy-rt">
        <p>{{ HomePageInfo.getValue('footerauthor') }} <a href="#">&&</a><a href="#" title="" target="_blank">{{ HomePageInfo.getValue('footerlink') }}</a></p>
        </div>
        </div>
        </div>
        <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
        {% endblock %}
</body>
</html>

